<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册界面</title>

</head>

<body>
    <form action="#" method="GET">
        <fieldset>
            <legend>身份验证-必填信息</legend>
            <table border="0" cellspacing="0" cellpadding="10px" align="center">
                <tr>
                    <th>登录账号</th>
                    <td><input type="text" placeholder="邮箱/id/手机号" name="username" /></td>
                </tr>
                <tr>
                    <th>密码</th>
                    <td><input type="password" placeholder="密码" name="password" /></td>
                </tr>
                <tr>
                    <th>确认密码</th>
                    <td><input type="password" placeholder="确认密码" name="confirm_password" /></td>
                </tr>
            </table>
        </fieldset>

        <fieldset>
            <legend>身份信息-选填信息</legend>
            <table border="0" cellspacing="0" cellpadding="10px" align="center">
                <tr>
                    <th>所在城市</th>
                    <td>
                        <select name="city">
                            <option value="fy">阜阳</option>
                            <option value="bj">北京</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>工作单位</th>
                    <td><input type="text" placeholder="工作单位" name="work" /></td>
                </tr>
                <tr>
                    <th>家庭住址</th>
                    <td><input type="text" placeholder="家庭住址" name="address" /></td>
                </tr>
            </table>
        </fieldset>

        <fieldset>
            <legend>其他个人信息</legend>
            <table border="0" cellspacing="0" cellpadding="10px" align="center">
                <tr>
                    <th>性别</th>
                    <td>
                        <input type="radio" name="sex" value="male" />男
                        <input type="radio" name="sex" value="female" />女
                    </td>
                </tr>
                <tr>
                    <th>爱好</th>
                    <td>
                        <input type="checkbox" name="hobby" value="football" />足球
                        <input type="checkbox" name="hobby" value="basketball" />篮球
                        <input type="checkbox" name="hobby" value="swimming" />游泳
                    </td>
                </tr>
                <tr>
                    <th>喜欢的公司</th>
                    <td>
                        <input type="checkbox" name="company" value="baidu" />百度
                        <input type="checkbox" name="company" value="weiruan" />微软
                        <input type="checkbox" name="company" value="guge" />谷歌
                    </td>
                </tr>
                <tr>
                    <th>个人简介</th>
                    <td><textarea name="introduction" cols="30" rows="10"></textarea></td>
                </tr>
            </table>
        </fieldset>
    </form>
</body>

</html>